﻿<!DOCTYPE html>
<html style="" class=" js flexbox flexboxlegacy csstransforms csstransforms3d no-overflowscrolling js flexbox flexboxlegacy csstransforms csstransforms3d no-overflowscrolling" lang="en"><head>

    <!-- Basic -->
    <meta charset="UTF-8">

    <title>Dashboard | Nadhif - Responsive Admin Template</title>

    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Import google fonts -->
    <link href="http://fonts.useso.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">

    <!-- Favicon and touch icons -->
    <link rel="shortcut icon" href="assets/ico/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="assets/ico/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="57x57" href="assets/ico/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/ico/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/ico/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/ico/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/ico/apple-touch-icon-152x152.png">

    <!-- start: CSS file-->
    <!-- Vendor CSS-->
    <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/vendor/skycons/css/skycons.css" rel="stylesheet">
    <link href="assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">

    <!-- Plugins CSS-->
    <link href="assets/plugins/bootkit/css/bootkit.css" rel="stylesheet">
    <link href="assets/plugins/scrollbar/css/mCustomScrollbar.css" rel="stylesheet">
    <link href="assets/plugins/fullcalendar/css/fullcalendar.css" rel="stylesheet">
    <link href="assets/plugins/jquery-ui/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
    <link href="assets/plugins/xcharts/css/xcharts.min.css" rel="stylesheet">
    <link href="assets/plugins/morris/css/morris.css" rel="stylesheet">

    <!-- Theme CSS -->
    <link href="assets/css/jquery.mmenu.css" rel="stylesheet">

    <!-- Page CSS -->
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/add-ons.min.css" rel="stylesheet">

    <!-- end: CSS file-->
    <!-- Head Libs -->
    <script src="assets/plugins/modernizr/js/modernizr.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body><div class="sidebar mm-menu mm-horizontal mm-offcanvas"><div class="sidebar-collapse mm-panel mm-opened mm-current" id="mm-0">
                    <!-- Sidebar Header Logo-->
                    <div class="sidebar-header drop-shadow">
                        <img src="assets/img/logo.png" class="img-responsive" alt="">
                    </div>
                    <!-- Sidebar Menu-->
                    <div class="sidebar-menu" style="height: 435px;">
                        <nav id="menu" class="nav-main" role="navigation">
                            <ul class="nav nav-sidebar">
                                <div class="panel-body text-center">
                                    <div class="bk-avatar">
                                        <img src="assets/img/avatar.jpg" class="img-circle bk-img-60" alt="">
                                    </div>
                                    <div class="bk-padding-top-10">
                                        <i class="fa fa-circle text-success"></i> <small>Administrator</small>
                                    </div>
                                </div>
                                <div class="divider2"></div>
                                <li class="active">
                                    <a href="index.html">
                                        <i class="fa fa-laptop" aria-hidden="true"></i><span>Dashboard</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="page-inbox.html">
                                        <span class="pull-right label label-primary">165</span>
                                        <i class="fa fa-envelope" aria-hidden="true"></i><span>Mail</span>
                                    </a>
                                </li>
                                <li class="nav-parent">
                                    <a>
                                        <i class="fa fa-copy" aria-hidden="true"></i><span>Pages</span>
                                    </a>
                                    <ul class="nav nav-children" style="">
                                        <li><a href="page-activity.html"><span class="text"> Activity</span></a></li>
                                        <li><a href="page-invoice.html"><span class="text"> Invoice</span></a></li>
                                        <li><a href="page-profile.html"><span class="text"> Profile</span></a></li>
                                        <li><a href="page-pricing-tables.html"><span class="text"> Pricing Tables</span></a></li>
                                        <li><a href="page-404.html"><span class="text"> 404</span></a></li>
                                        <li><a href="page-500.html"><span class="text"> 500</span></a></li>
                                        <li><a href="page-lockscreen.html"><span class="text"> LockScreen1</span></a></li>
                                        <li><a href="page-lockscreen2.html"><span class="text"> LockScreen2</span></a></li>
                                        <li><a href="page-login.html"><span class="text"> Login Page</span></a></li>
                                        <li><a href="page-register.html"><span class="text"> Register Page</span></a></li>
                                    </ul>
                                </li>
                                <li class="nav-parent">
                                    <a>
                                        <i class="fa fa-list-alt" aria-hidden="true"></i><span>Forms</span>
                                    </a>
                                    <ul class="nav nav-children">
                                        <li><a href="form-elements.html"><span class="text"> Form elements</span></a></li>
                                        <li><a href="form-wizard.html"><span class="text"> Wizard</span></a></li>
                                        <li><a href="form-dropzone.html"><span class="text"> Dropzone Upload</span></a></li>
                                        <li><a href="form-x-editable.html"><span class="text"> X-editable</span></a></li>
                                        <li><a href="form-editors.html"><span class="text"> Editors</span></a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="table.html">
                                        <i class="fa fa-table" aria-hidden="true"></i><span>Tables</span>
                                    </a>
                                </li>
                                <li class="nav-parent">
                                    <a>
                                        <i class="fa fa-random" aria-hidden="true"></i><span>Visual Chart</span>
                                    </a>
                                    <ul class="nav nav-children">
                                        <li><a href="chart-flot.html"><span class="text"> Flot Chart</span></a></li>
                                        <li><a href="chart-xchart.html"><span class="text"> xChart</span></a></li>
                                        <li><a href="chart-other.html"><span class="text"> Other</span></a></li>
                                    </ul>
                                </li>
                                <li class="nav-parent">
                                    <a>
                                        <i class="fa fa-tasks" aria-hidden="true"></i>
                                        <span>UI Elements</span>
                                    </a>
                                    <ul class="nav nav-children">
                                        <li><a href="ui-progress-bars.html"><span class="text"> Progress bars</span></a></li>
                                        <li><a href="ui-nestable-list.html"><span class="text"> Nestable Lists</span></a></li>
                                        <li><a href="ui-elements.html"><span class="text"> Elements</span></a></li>
                                        <li><a href="ui-panels.html"><span class="text"> Panels</span></a></li>
                                        <li><a href="ui-buttons.html"><span class="text"> Buttons</span></a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="widgets.html">
                                        <i class="fa fa-life-bouy" aria-hidden="true"></i><span>Widgets</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="typography.html">
                                        <i class="fa fa-font" aria-hidden="true"></i><span>Typography</span>
                                    </a>
                                </li>
                                <li class="nav-parent">
                                    <a>
                                        <i class="fa fa-bolt" aria-hidden="true"></i><span>Icons</span>
                                    </a>
                                    <ul class="nav nav-children">
                                        <li><a href="icons-font-awesome.html"><span class="text"> Font Awesome</span></a></li>
                                        <li><a href="icons-weathericons.html"><span class="text"> Weather Icons</span></a></li>
                                        <li><a href="icons-glyphicons.html"><span class="text"> Glyphicons</span></a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="gallery.html">
                                        <i class="fa fa-picture-o" aria-hidden="true"></i><span>Gallery</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="calendar.html">
                                        <i class="fa fa-calendar" aria-hidden="true"></i><span>Calendar</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <!-- End Sidebar Menu-->
                </div><!-- Sidebar Footer--><div class="sidebar-footer mm-panel mm-hidden drop-shadow" id="mm-1">
                    <ul class="sidebar-terms">
                        <li><a href="index.html#">Terms</a></li>
                        <li><a href="index.html#">Privacy</a></li>
                        <li><a href="index.html#">Help</a></li>
                        <li><a href="index.html#">About</a></li>
                    </ul>
                    <div class="copyright text-center">
                        <small>Nadhif <i class="fa fa-coffee"></i> Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></small>
                    </div>
                </div><!-- End Sidebar Footer--></div>

    <!-- Start: Header -->
    <div class="mm-page" style="min-height: 635px;"><div class="navbar" role="navigation">
        <div class="container-fluid container-nav">
            <!-- Navbar Action -->
            <ul class="nav navbar-nav navbar-actions navbar-left">
                <li class="visible-md visible-lg"><a href="index.html#" id="main-menu-toggle"><i class="fa fa-th-large"></i></a></li>
                <li class="visible-xs visible-sm"><a href="index.html#" id="sidebar-menu"><i class="fa fa-navicon"></i></a></li>
            </ul>
            <!-- Navbar Left -->
            <div class="navbar-left">
                <!-- Search Form -->
                <form class="search navbar-form">
                    <div class="input-group input-search">
                        <input class="form-control" name="q" id="q" placeholder="Search..." type="text">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
                        </span>
                    </div>
                </form>
            </div>
            <!-- Navbar Right -->
            <div class="navbar-right">
                <!-- Notifications -->
                
                <!-- End Notifications -->
                <!-- Userbox -->
                <div class="userbox">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <div class="profile-info">
                            <span class="name">John Smith Doe</span>
                            <span class="role">Developer</span>
                        </div>
                        <i class="fa custom-caret"></i>
                    </a>
                    <div class="dropdown-menu">
                        <ul class="list-unstyled">
                            <li class="dropdown-menu-header bk-bg-white bk-margin-top-15">
                                <div class="progress progress-xs  progress-striped active">
                                    <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                        60%
                                    </div>
                                </div>
                            </li>
                            <li>
                                <a href="page-profile.html"><i class="fa fa-user"></i> Profile</a>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-wrench"></i> Settings</a>
                            </li>
                            <li>
                                <a href="page-invoice"><i class="fa fa-usd"></i> Payments</a>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-file"></i> File</a>
                            </li>
                            <li>
                                <a href="page-login.html"><i class="fa fa-power-off"></i> Logout</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- End Userbox -->
            </div>
            <!-- End Navbar Right -->
        </div>
    </div><div class="copyrights">Collect from <a href="http://www.cssmoban.com/">企业网站模板</a></div><div class="container-fluid content">
        <div class="row">

            <!-- Sidebar -->
            
            <!-- End Sidebar -->
            <!-- Main Page -->
            <div class="main " style="min-height: 635px;">
                <!-- Page Header -->
                <div class="page-header">
                    <div class="pull-left">
                        <ol class="breadcrumb visible-sm visible-md visible-lg">
                            <li><a href="index.html"><i class="icon fa fa-home"></i>Home</a></li>
                            <li class="active"><i class="fa fa-laptop"></i>Dashboard</li>
                        </ol>
                    </div>
                    
                </div>
                <!-- End Page Header -->

            </div>
            <!-- End Main Page -->
            <!-- Usage -->
            <div id="usage">
                <ul>
                    <li>
                        <div class="title">Memory</div>
                        <div class="bar">
                            <div class="progress progress-md  progress-striped active">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%"></div>
                            </div>
                        </div>
                        <div class="desc">4GB of 8GB</div>
                    </li>
                    <li>
                        <div class="title">HDD</div>
                        <div class="bar">
                            <div class="progress progress-md  progress-striped active">
                                <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"></div>
                            </div>
                        </div>
                        <div class="desc">250GB of 1TB</div>
                    </li>
                    <li>
                        <div class="title">SSD</div>
                        <div class="bar">
                            <div class="progress progress-md  progress-striped active">
                                <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%"></div>
                            </div>
                        </div>
                        <div class="desc">700GB of 1TB</div>
                    </li>
                    <li>
                        <div class="title">Bandwidth</div>
                        <div class="bar">
                            <div class="progress progress-md  progress-striped active">
                                <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%"></div>
                            </div>
                        </div>
                        <div class="desc">90TB of 100TB</div>
                    </li>
                </ul>
            </div>
            <!-- End Usage -->

        </div>
    </div><div class="modal fade" id="myModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title bk-fg-primary">Modal title</h4>
                </div>
                <div class="modal-body">
                    <p class="bk-fg-danger">Here settings can be configured...</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div><div class="clearfix"></div></div>
    <!-- End: Header -->
    
    <!-- Start: Content -->
    <!--/container-->
    <!-- Modal Dialog -->
    <!-- End Modal Dialog -->

    


    <!-- start: JavaScript-->
    <!-- Vendor JS-->
    <script src="assets/vendor/js/jquery.min.js"></script>
    <script src="assets/vendor/js/jquery-2.1.1.min.js"></script>
    <script src="assets/vendor/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/vendor/skycons/js/skycons.js"></script>

    <!-- Plugins JS-->
    <script src="assets/plugins/jquery-ui/js/jquery-ui-1.10.4.min.js"></script>
    <script src="assets/plugins/scrollbar/js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="assets/plugins/bootkit/js/bootkit.js"></script>
    <script src="assets/plugins/moment/js/moment.min.js"></script>
    <script src="assets/plugins/fullcalendar/js/fullcalendar.min.js"></script>
    <script src="assets/plugins/touchpunch/js/jquery.ui.touch-punch.min.js"></script>
    <script src="assets/plugins/flot/js/jquery.flot.min.js"></script>
    <script src="assets/plugins/flot/js/jquery.flot.pie.min.js"></script>
    <script src="assets/plugins/flot/js/jquery.flot.resize.min.js"></script>
    <script src="assets/plugins/flot/js/jquery.flot.stack.min.js"></script>
    <script src="assets/plugins/flot/js/jquery.flot.time.min.js"></script>
    <script src="assets/plugins/xcharts/js/xcharts.min.js"></script>
    <script src="assets/plugins/autosize/jquery.autosize.min.js"></script>
    <script src="assets/plugins/placeholder/js/jquery.placeholder.min.js"></script>
    <script src="assets/plugins/datatables/js/dataTables.bootstrap.min.js"></script>
    <script src="assets/plugins/datatables/js/jquery.dataTables.min.js"></script>
    <script src="assets/plugins/raphael/js/raphael.min.js"></script>
    <script src="assets/plugins/morris/js/morris.min.js"></script>
    <script src="assets/plugins/gauge/js/gauge.min.js"></script>
    <script src="assets/plugins/d3/js/d3.min.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

    <!-- Theme JS -->
    <script src="assets/js/jquery.mmenu.min.js"></script>
    <script src="assets/js/core.min.js"></script>

    <!-- Pages JS -->
    <script src="assets/js/pages/index.js"></script>

    <!-- end: JavaScript-->




<div id="mm-blocker"></div></body></html>